<template>
  <div class="info_box">
    <h2 class="h2">深圳专属，专业客服在线一对一接待</h2>
    <div class="login">
      <div class="cell">
        <span class="name">称呼<i>*</i></span>
        <div class="input_box">
          <input type="text" class="a_input" v-model="addForm.name" />
        </div>
      </div>
      <div class="cell">
        <span class="name">电话<i>*</i></span>
        <div class="input_box">
          <input type="text" class="a_input" v-model="addForm.mobile" />
        </div>
      </div>
      <div class="cell">
        <span class="name">验证码<i>*</i></span>
        <div class="input_box">
          <input type="text" class="a_input" v-model="addForm.msgCode" maxlength="6" />
          <van-button type="primary" class="van_btn" size="mini" @click="sendCode" :disabled="time > 0">{{ time > 0 ? time + "重新获取验证码" : "获取验证码" }}</van-button>
        </div>
      </div>
      <div class="cell">
        <span class="name">年龄<i>*</i></span>
        <div class="input_box">
          <input type="text" class="a_input" v-model="addForm.age" maxlength="2" />
        </div>
      </div>
      <div class="cell">
        <span class="name">性别<i>*</i></span>
        <div class="input_box" @click="openDialog('showPopup')">
          <input type="text" class="a_input" v-model="addForm.sex" placeholder="请选择" readonly />
          <van-icon name="arrow-down" class="van_icon" />
        </div>
      </div>
      <div class="cell">
        <span class="name">逾期金额<i>*</i></span>
        <div class="input_box">
          <input type="text" class="a_input" v-model="addForm.amount" />
        </div>
      </div>
      <div class="cell">
        <span class="name">逾期时间<i>*</i></span>
        <div class="input_box" @click="openDialog('showTimePopup')">
          <input type="text" class="a_input" v-model="addForm.overdue" placeholder="请选择" readonly />
          <van-icon name="arrow-down" class="van_icon" />
        </div>
      </div>
      <div class="btn_group">
        <van-button type="info" class="van_btn" @click="saveInfo" round>立即咨询</van-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  data() {
    return {};
  },
};
</script>
<style lang="less" scoped>
</style>